// 1、查询分类列表
$.ajax({
  type: "get",
  url: "/categories",
  success: (res) => {
    console.log(res);
    var html = template("categoryTpl", { data: res });
    $("#category").append(html);
  },
});

// 2、封面上传
$("#editArtic").on("change", "#InputFile", function () {
  // console.log(1111);
  // files[0]是原生js 的方法
  var file = $(this)[0].files[0];
  var formdata = new FormData();
  formdata.append("cover", file);
  $.ajax({
    type: "post",
    url: "/upload",
    data: formdata,
    processData: false,
    contentType: false,
    success: (res) => {
      console.log(res);
      $("#hiddenAvatar").val(res[0].cover); // 隐藏域保存图片地址
      $("#cover").attr("src", res[0].cover); // 预览图片
    },
  });
});

// // 3、写文章
$("#editArtic").on("submit", "#addForm", function () {
  var formdata = $(this).serialize();
  console.log(formdata);
  alert(
    "这里还有个我没有处理好的bug，经过排查似乎是nodejs部分的错误，我暂时还没有找到问题所在..."
  );
  //   $.ajax({
  //     type: "post",
  //     url: "/posts",
  //     data: formdata,
  //     success: function (res) {
  //       console.log("文章添加成功");
  // //       console.log(res);
  // //       // location.href = "allArticle.html";
  //     },
  //     error: function (err) {
  //       console.log("文章添加失败");

  //       console.log(err);
  //     },
  //   });
  return false;
});

// // 4、编辑文章（allArticle传过来的功能，带上了id）
// var id = window.location.href;
// id = id.split("=")[1];
// console.log("要编辑的文章id是：", id);
// 4-1-获取文章数据，渲染到编辑文章页面
var id = getUrlParams("id");
if (id) {
  $.ajax({
    type: "get",
    url: `/posts/${id}`,
    success: (res) => {
      // 获取分类列表信息,添加到res对象里面去
      $.ajax({
        type: "get",
        url: "/categories",
        success: (cate) => {
          res.categories = cate;
          // 处理一下时间
          if (res.createAt) {
            var createTime = res.createAt.split("T")[0];
            res.createTime = createTime;
          } else {
            res.createTime = res.createAt;
          }
          console.log("根据id查询到的文章信息：", res);
          const html = template("editTpl", res);
          $("#editArtic").html(html);
        },
      });
    },
  });
}

// 4-2-提交编辑后的文章
$("#editArtic").on("submit", "#editForm", function () {
  alert("确定修改....");
  var form = $(this).serialize();
  var id = $(this).attr("data-id");
  $.ajax({
    type: "put",
    url: `/posts/${id}`,
    data: form,
    success: function (res) {
      // console.log("修改后的数据：", res);
      location.href = "allArticle.html";
    },
    error: function (err) {
      console.log(err);
    },
  });
  return false;
});


// 要获取什么值：getUrlParams('id)
